 @charset "utf-8";

 * {
     padding: 0;
     margin: 0;
 }

 img {
     border: none;
     vertical-align: top;
 }

 html {
     font-size: 62.5%

 }

 body {
     color: #ccc;
     /* -webkit-text-size-adjust:none; */
     -webkit-text-size-adjust: 100% !important;
     text-size-adjust: 100% !important;
     -moz-text-size-adjust: 100% !important;
 }

 .clearfix {
     zoom: 1
 }

 .clearfix:after {
     content: ".";
     display: block;
     height: 0;
     visibility: hidden;
     clear: both
 }

 .txt_align_r {
     text-align: right;
 }

 .minipage .wrap {
     max-width: 750px;
     margin: 0 auto;
     min-height: 100vh;
     background-color: #252525;
     position: relative;
    overflow: hidden;
 }

 ul,
 li {
     list-style: none
 }

 a {
     color: #666666;
     text-decoration: none;
 }

 em {
     font-style: normal;
 }

 a:hover {
     text-decoration: none;
 }

 a:focus {
     outline: thin dotted;
 }

 a:active,
 a:hover {
     outline: 0;
 }



 /*登录页*/

 .color-pirmary {
     color: #eacf7b;
 }

 .bg-color-pirmary {
     background-color: #eacf7b;
 }

 .cirle-bg {
     position: absolute;
     right: -130px;
     top: -200px;
 }
 .cirle-bg1 {
    position: absolute;
    left: -200px;
    bottom: -420px;
}
.cirle-bg2{
    position: absolute;
    right: -180px;
    bottom: -480px;
}
 .sharecon {
     position: fixed;
     right: 0;
     top: 0;
 }

 .login .link {
     font-size: 1.2rem;
 }

 .login .link a:hover {
     text-decoration: underline;
 }

 .login .login-head {
     height: 15rem;
     position: relative;
     color: #ccc;
     border-bottom-right-radius: 20%;
     border-bottom-left-radius: 20%;
 }

 .login .login-head .logo-con {
     padding: 5rem 7% 0 7%;
     display: flex;
     flex-direction: row;
     align-items: center;
 }

 .login .login-head .logoimg {
     width: 45px;
     height: 45px;
 }

 .login .login-head .logoimg img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 .login .login-head .name {
     font-size: 1.8rem;
     padding-left: 1rem;
 }

 .login .login-body {
     width: 76%;
     margin: 0 auto;
     padding: 3rem 5% 4rem 5%;
     background: rgba(255, 255, 255, 0.1);
     border-radius: 15px;
     position: relative;
 }

 .login .item {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     padding: 5px 0;
     margin-bottom: 5%;
     border-bottom: 1px solid #666;
 }

 .login .item .code {
     display: flex;
     align-items: center;

 }

 .login .item input {
     flex-grow: 1;
     color: #ccc;
     line-height: 32px;
     font-size: 1.4rem;
 }

 .login .input-inner {
     -webkit-appearance: none;
     box-sizing: border-box;
     display: inline-block;
     font-size: inherit;
     background: none;
     border: none;
     outline: none;
     padding: 0 15px;
     width: 100%;
 }

 .login .btncon {
     margin-top: 2rem;

 }

 .login .btncon input[type=submit] {
     border-width: 0;
     padding: 8px 14px;
     font-size: 1.6rem;
     font-weight: bolder;
     letter-spacing: 1px;
     cursor: pointer;
     outline: none !important;
     width: 100%;
     color: #000;
     filter: none;
     box-shadow: none;
     border-width: 0;
     border-radius: 20px;
     background-image: linear-gradient(to right, #fbe99e, #cda353);
     background-color: #fbe99e;
 }

 .tabnav {
     display: flex;
     flex-direction: row;
     margin-bottom: 1.5rem;
 }

 .tabnav li {
     width: 50%;
     font-size: 1.8rem;
     text-align: center;
     position: relative;
 }

 .tabnav li a {
     display: inline-block;
     cursor: pointer;
     color: #ccc;
 }

 .tabnav li a:active {
     outline: none;
 }

 .tabnav hr {
     width: 1.5rem;
     margin: 2px auto;
     border: 0;
     border-top-width: 0px;
     border-top-style: solid;

 }

 .tabnav .active hr {
     border-top-width: 3px;
     border-top-color: #eacf7b;
 }

 .border-top-color {
     border-top-color: #eacf7b;
 }

 .tabnav .active span {
     color: #eacf7b;
 }

 .login .lang {
     padding: 0 3rem;
     color: #ccc;
     display: block;
     height: 42px;
     line-height: 42px;
     box-sizing: border-box;
     cursor: pointer;
     position: absolute;
     top: -4rem;
     right: 7px;
 }

 .login .lang select {
     appearance: none;
     outline: none;
     border: 0 none;
     position: relative;
     width: 100%;
     height: 30px;
     line-height: 30px;
     color: #ccc;
     background: none;
     background-color: transparent;
     font-size: 1.2rem;
     overflow: hidden;
     text-align: right;
     direction: rtl;
 }
 .login .lang select option {
    direction: ltr;
}

 .lang::after {
     content: ' ';
     position: absolute;
     right: 0;
     top: 46%;
     width: 0px;
     height: 0px;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-top: 5px solid #ccc;
     font-size: 0px;
     line-height: 0px;
 }

 .login .three {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     text-align: center;
     width: 76%;
     margin: 8% auto;
     height: 20px;
     color: #d9d9d9;
 }

 .login .three hr {
     flex-grow: 1;
     display: inline-block;
     vertical-align: middle;
     border: none;
     border-top: 1px solid #666;
 }

 .login .three span {
     padding: 0 10px;
 }
 .login .three .b-btn{
     position: relative;
     z-index: 1;
    display: inline-block;
    width: 80px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: transparent;
    border:none;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    font-size: 14px;

 }
 .login .three .b-btn img{
     width: 35px;
 }
 .login-foot {

     font-size: 1.4rem;
     height: 45px;
     line-height: 45px;
     width: 100%;
     text-align: center;
     color: #666;
     position: relative;
     z-index: 1;

 }

 .login-foot a {
     color: #666;
 }

 .login-foot a:hover {
     text-decoration: underline;
 }

 label {
     font-weight: normal;
 }

 label input[type=checkbox].ace,
 label input[type=radio].ace {
     z-index: -100 !important;
     width: 0 !important;
     height: 0 !important;
     position: fixed;
 }

 label .lbl {
     color: #ccc;
 }

 input[type=checkbox].ace+.lbl,
 input[type=radio].ace+.lbl {
     position: relative;
     display: inline-block;
     margin: 0;
     line-height: 20px;
     min-height: 18px;
     min-width: 18px;
     font-weight: normal;
     cursor: pointer;
 }

 input[type=checkbox].ace+.lbl::before,
 input[type=radio].ace+.lbl::before {
     cursor: pointer;
     font-weight: normal;
     font-size: 12px;
     color: #333;
     content: "\a0";
     /* background-color: #ccc; */
     border: 1px solid #bbb;
     /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); */
     border-radius: 0;
     display: inline-block;
     text-align: center;
     height: 16px;
     line-height: 16px;
     min-width: 16px;
     margin-right: 1px;
     position: relative;
     top: -1px;
 }

 input[type=checkbox].ace:checked+.lbl::before,
 input[type=radio].ace:checked+.lbl::before {
     display: inline-block;
     content: '\2713';
     /* background-color: #ccc; */
     color: #fff;
     border-color: #bbb;
     /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); */
 }

 .txt-scroll-con {
     display: flex;
     flex-direction: row;
     align-items: center;
 }

 .text-scroll {
     height: 24px;
     line-height: 24px;
     overflow: hidden;
     margin-left: 0.6rem;
 }

 .text-scroll ul li {
     font-size: 1.4rem;
     line-height: 24px;
     height: 24px;
 }


 .text-scroll .scroll-wrap {
     overflow: hidden;
     height: 24px;
     line-height: 24px;
 }

 /*end登录页*/